<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Bootstrap Template</title>

<!-- 导入相关 css -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.css">
<link rel="stylesheet" href="../css/SearchInfoWindow_min.css" />
<link rel="stylesheet" href="../css/sg.css" />
<link rel="stylesheet" href="../css/animate.css" />
<link rel="stylesheet" href="../css/index.css">



</head>
<body>
<div style="width:80%;margin-left:auto;margin-right:auto;margin-bottom:3px;">
		<span id="nowTime1" style="float:left;"></span> <span id="nowTime" class="visible-lg"
			style="float:right;margin-bottom:3px;"></span>
	</div>
	<!-- news start -->
	<div id="newsBlock" class="container-fluid divBlock">
		<div class="row-fluid toBottomLittle">
			<div class="span12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">面板标题</h3>
					</div>
					<div class="panel-body">
						<ul>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30
										12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30
										12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
						</ul>
					</div>
					<div class="panel-footer">
						<span class="span_more"><a href="#">MORE >></a></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- news end -->

	<!-- map start -->
	<div class="container-fluid divBlock">
		<div class="row-fluid ">
			<div class="span12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">面板标题</h3>
					</div>
					<div class="panel-body map_right_div">

						<div class="col-xs-3 col-sm-3 about_left"></div>
						<div class="col-xs-9 col-sm-9 about_right" id="mapDiv2"></div>
					</div>
					<div class="panel-footer">
						<span class="span_more"><a href="#">MORE >></a></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- map end -->

	<!-- 图片轮播 开始 -->
	<!-- <div id="myCarousel" class="carousel slide">
		<div class="carousel-inner">
			<div class="item active">
				<img src="../images/1.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>如何加入本网站.</h1>
						<p class="lead">页面很棒，页面很炫，页面很好看</p>
						<a class="btn btn-large btn-primary" href="#">马上注册</a>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="../images/1.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>如何使用本网站.</h1>
						<p class="lead">采用当今世界最流行的前端框架，给用户一流的用户体验</p>
						<a class="btn btn-large btn-primary" href="#">了解更多</a>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="../images/1.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>本网站还有更多优势.</h1>
						<p class="lead">消除旧网站的视觉疲劳，从现在开始.</p>
						<a class="btn btn-large btn-primary" href="#">链接到BootStrap</a>
					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div> -->
	<!-- 图片轮播 结束 -->




	<!--  js 开始 -->
	<!-- 将 js 文件写到最后 ， 提升加载速度 -->
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<!-- <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> -->
	<script src="../js/jquery.min.js"></script>
	<!-- <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> -->
	<script src="../js/bootstrap.min.js"></script>
	
	<!-- 时间显示 js -->
	<script type="text/javascript" src="../js/1.js"></script>
	<!-- qq 在线聊天 -->
	<script src="../js/qqonline.js"></script>
	<!-- 分享到 -->
	<script type="text/javascript" src="../js/jisthis.js" charset="utf-8"></script>
	<!-- 校验js  -->
	<script type="text/javascript" src="../js/is.js"></script>
	<!-- 图片延迟加载 js -->
	<script type="text/javascript" src="../js/jquery.lazyload.js"></script>
	<!-- index 页面的js -->
	<script type="text/javascript" src="../js/index.js"></script>
	<!-- 百度地图 js -->
	<script type="text/javascript" src="../js/baidumap/baidumapak.js"></script>
	<script src="../js/baidumap/CurveLine.min.js"></script>
	<script type="text/javascript" src="../js/baidumap/SearchInfoWindow_min.js"></script>
	
	<script type="text/javascript">
		$(function() {
			//$('#newsBlock').hide();  // 隐藏新闻模块 div
			beginAutoRefreshNowTimeLabel();//开始刷新 时间
			initWeather();//初始化天气数据 天气，
			initMap();//初始化地图数据
			initOnlineQQ();//初始化在线qq
			initJisThis();//初始化分享到
			
			//项目监控
			/*
			$("#xm_jk").click(function() {
								document.getElementById('main_content').src = 'http://192.168.2.117:8080/piaoyoung/monitoring';
							})
			*/
			
		});
	</script>
	<!--  js 结束 -->
</body>
</html>